
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Contact Portal</title>
        <style type="text/css">
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"
                djConfig="parseOnLoad: true">
        </script>
        <script type="text/javascript">
            dojo.require("dijit.form.TextBox");
            dojo.require("dijit.form.Form");
            dojo.require("dijit.form.Button");
            dojo.require("dijit.form.ValidationTextBox");
        </script>
        
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"/>
    </head>
    <body class="claro">
        <div dojoType="dijit.form.Form" id="myForm" jsId="myForm" encType="multipart/form-data"
             action="login.action" method="post">
            <fieldset>
                <legend>Login</legend>
                <table border="0" align="center">
                    <thead>
                        <tr>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td></td>
                            <td><h1>Login</h1></td>
                            <td></td>
                        </tr> 
                        <tr>
                            <td>Username: </td>
                            <td><input type="text" 
                                       dojoType="dijit.form.ValidationTextBox" 
                                       required="true"

                                       name="username"  /></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>Password: </td>
                            <td><input type="password" dojoType="dijit.form.ValidationTextBox" required="true" name="password" trim="true"/></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><button dojoType="dijit.form.Button" type="submit" >Submit</button> <button dojoType="dijit.form.Button" type="reset">Reset</button></td>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
            </fieldset>
        </div>
        <script type="text/javascript">
            dojo.addOnLoad(function() {
                if (document.pub) {
                    document.pub();
                }
            });
        </script>
    </body>
</html>
